<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>360官方商城</title>
	<link rel="stylesheet" href="css/goods-list.css">
	<link rel="icon" href="images/favicon.ico">
</head>
<body>
	<div class="top-warp">
		<div class="top-main">
			<ul>
				<li class="top-item-l"><a href="">帮助中心</a></li>
				<li class="top-item-l"><a href="">收藏本站</a></li>
				<li class="top-item-r"><a href=""><i></i>手机360商城</a></li>
				<li class="top-item-r"><a href="">我的订单</a></li>
				<li class="top-item-r"><a href="register.html">注册</a></li>
				<li class="top-item-r"><a href="login.html">登陆</a></li>
			</ul>
		</div>
	</div>
	
	<!-- head-logo部分 -->
	<div class="head-warp">
		<div class="head-main">
			<div class="logo-img">
				<a href="index.html"><img src="images/logo.png"></a>
			</div>
			<div class="search">
				<form action="" class="search-item">
					<input type="text" class="search-txt">
					<input type="submit" value="搜索" class="search-btn">
				</form>
				<ul>
					<li><a href="">N7</a></li>
					<li><a href="">儿童手表</a></li>
					<li><a href="">N6</a></li>
					<li><a href="">行车记录仪</a></li>
					<li><a href="">摄像机夜视版</a></li>
				</ul>
			</div>
			<div class="head-cart">
				<a href="shopcart.html">
					<i class="icon"></i>
					<span>我的购物车</span>
				</a>
			</div>
			<div class=""></div>
		</div>
	</div>

	<!-- 菜单部分 -->
	<div class="nav-warp">
		<div class="nav-main">
			<a href="">
				<div class="nav-main-l">
					全部智能酷品
				</div>
			</a>			
			<ul>
				<li><a href="">手机</a></li>
				<li><a href="">行车记录仪</a></li>
				<li><a href="">儿童手表</a></li>
				<li><a href="">摄像机</a></li>
				<li><a href="">路由器</a></li>
				<li><a href="">社区</a></li>
				<li><a href="">扫地机器人</a></li>
			</ul>		
		</div>
	</div>
	<!-- 商品展示 -->
	<div class="goods-category">
		<div class="category-list">
			<span>分类:</span>
			<a href="">360 N6</a>
			<a href="">360 N6Pro</a>
			<a href="">360 N6Lite</a>
			<a href="">360 N7</a>
		</div>
		<div class="category-list">
			<span>品牌:</span>
			<a href="">360</a>
		</div>
		<div class="category-list">
			<span>排序:</span>
			<a href="">默认</a>
			<a href="">价格</a>
			<a href="">销量</a>
		</div>
	</div>
	<div class="goodsbox">
		<!-- 商品列表 -->
		<div class="goodswrap">
			<ul class="goodsmain">
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods1.jpg" alt="">
						</div>
						<span class="goods-title">
						N7  6GB+64GB 黑色 游戏手机</span>
						<p class="goods-price">&yen; 1699.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods2.jpg" alt="">
						</div>
						<span class="goods-title">
						手机 N6 全网通 4GB+64GB 燧石黑色</span>
						<p class="goods-price">&yen; 999.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods3.jpg" alt="">
						</div>
						<span class="goods-title">
						手机 N7 月岩白色</span>
						<p class="goods-price">&yen; 1999.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods4.jpg" alt="">
						</div>
						<span class="goods-title">
						行车记录仪 G300p</span>
						<p class="goods-price">&yen; 399.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods5.jpg" alt="">
						</div>
						<span class="goods-title">
						家用高清 WIFI 摄像头</span>
						<p class="goods-price">&yen; 199.00</p>
					</a>
				</li>	

				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods1.jpg" alt="">
						</div>
						<span class="goods-title">
						N7  6GB+64GB 黑色 游戏手机</span>
						<p class="goods-price">&yen; 1699.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods2.jpg" alt="">
						</div>
						<span class="goods-title">
						手机 N6 全网通 4GB+64GB 燧石黑色</span>
						<p class="goods-price">&yen; 999.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods3.jpg" alt="">
						</div>
						<span class="goods-title">
						手机 N7 月岩白色</span>
						<p class="goods-price">&yen; 1999.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods4.jpg" alt="">
						</div>
						<span class="goods-title">
						行车记录仪 G300p</span>
						<p class="goods-price">&yen; 399.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods5.jpg" alt="">
						</div>
						<span class="goods-title">
						家用高清 WIFI 摄像头</span>
						<p class="goods-price">&yen; 199.00</p>
					</a>
				</li>
					<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods1.jpg" alt="">
						</div>
						<span class="goods-title">
						N7  6GB+64GB 黑色 游戏手机</span>
						<p class="goods-price">&yen; 1699.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods2.jpg" alt="">
						</div>
						<span class="goods-title">
						手机 N6 全网通 4GB+64GB 燧石黑色</span>
						<p class="goods-price">&yen; 999.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods3.jpg" alt="">
						</div>
						<span class="goods-title">
						手机 N7 月岩白色</span>
						<p class="goods-price">&yen; 1999.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods4.jpg" alt="">
						</div>
						<span class="goods-title">
						行车记录仪 G300p</span>
						<p class="goods-price">&yen; 399.00</p>
					</a>
				</li>
				<li>
					<a href="">
						<div class="goods-img">
							<img src="images/goods5.jpg" alt="">
						</div>
						<span class="goods-title">
						家用高清 WIFI 摄像头</span>
						<p class="goods-price">&yen; 199.00</p>
					</a>				
			</ul>
		</div>
		<!-- 分页按钮 -->
		<div class="paging">
			<a href="">首页</a>
			<a href="">上一页</a>
			<a href="">1</a>
			<a href="">2</a>
			<a href="">3</a>
			<a href="">下一页</a>
			<a href="">尾页</a>
		</div>
	</div>

	<!-- 底部 -->
	<div class="mod-footer">
		<div class="foot-banner">
			<div class="foot-item">
				<div class="icon7"><i>&#xe691;</i>
				&nbsp;7天无理由退货
				</div>
				<div class="icon7"><i>&#xe636;</i>
				&nbsp;质量问题15天包换
				</div>
				<div class="icon7"><i>&#xe600;</i>
				&nbsp;满99元包邮
				</div>
			</div>
		</div>
		<div class="foot-help">
			<div class="foot-help-main">
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="">用户登录与密码找回</a></dd>
					<dd><a href="">用户注册协议</a></dd>
					<dd><a href="">购买指南</a></dd>
					<dd><a href="">支付方式</a></dd>
					<dd><a href="">赠送与说明</a></dd>
					<dd><a href="">用户注销</a></dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="">7日无理由退货</a></dd>
					<dd><a href="">质量问题15日内换货</a></dd>
					<dd><a href="">保修条款</a></dd>
					<dd><a href="">售后服务运费规则</a></dd>
				</dl>
				<dl>
					<dt>联系我们</dt>
					<dd><span>400-6822-360</span></dd>
					<dd>周一至周五9:00-18:00</dd>
					<dd><span>400-0111-366 <i>（手机类产品）</i></span></dd>
					<dd>周一至周日 9:00-21:00</dd>
					<dd>（仅收市话费）</dd>
				</dl>
				<dl>
					<dd><img src="images/ewm.png"></dd>
				</dl>
			</div>

		</div>
		<div class="copyright">
			<p>360商城©2013-2018 360公司版权所有 京ICP备17017089号 京公网安备11000002000006号</p>
		</div>
	</div>
	
	
</body>
</html>